/* function 功能样式，从常用样式方法中抽离*/


.f-clear:after,.f-clearli li:after{display: block; clear: both; visibility: hidden; height:0;  overflow: hidden;  content: " .";}
.f-clear,.f-clearli li{zoom:0;}
.f-dis_in{ display: inline !important;}
.f-dis_ib{ display: inline-block;*display:inline;*zoom:1;}
.f-dis-dn{display:none;}
.f-dis-db{display:block;}
.f-fl{float:left !important;}
.f-fr{float:right !important;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-pa{position:absolute;}
.f-oh{overflow:hidden;}

.f-fwn{font-weight:normal !important;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left !important;}
.f-tac{text-align:center;}
.f-tar{text-align:right !important;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.red{ color: red}


/*字体*/
.f-fs1{font-size:12px;font-family: '宋体'}
.f-fs2{font-size:14px !important;font-family: '宋体'}
h4{font-size: 16px; font-family: '宋体'}
.f-fs4,h3{font-size: 18px; font-family: "microsoft yahei"}
h2{font-size: 20px; font-family: "microsoft yahei"}
.f-fs3,h1{font-size: 22px; font-family: "microsoft yahei"}
.f-fs5{font-size: 30px !important;}

/*文字颜色*/
.color1{ color: #ffffff !important;}
.color2{ color: #cccccc !important;}
.color3{ color: #999999 !important;}
.color4{ color: #333333 !important;}
.color5{ color: #66cc00 !important;}
.color6{ color: #ff6353 !important;}
.color7{ color: #b8eb41 !important;}
.color8{ color: #e8cc6a !important;}
.bg1{ background-color: #f7f7f7 !important;}
.bg2{ background-color: #fcfff9 !important;}
/*产品图片大小*/
.p_img_b{width: 220px; height: 220px; display: block;float: left;}
.p_img_m{width: 160px; height: 160px; display: block;float: left;}
.p_img_s{width: 100px; height: 100px; display: block;float: left;}
.p_img_xs{width:50px; height: 50px; display: block;float: left;}

/*图像大小*/
.p_pic_b{width: 160px; height: 160px; display: block}
.p_pic_m{width: 120px; height: 120px; display: block}
.p_pic_s{width: 60px; height: 60px; display: inline-block; vertical-align: middle}
.p_pic_xs{width:30px; height: 30px; display: block}

/*按钮*/
.btn{padding: 0 10px; border-radius: 2px; text-align: center;font: 12px/23px '宋体'; display:inline-block;cursor: pointer }
.btn-disable{ background:#f9f9f9;  color: #c0c0c0;}
.btn-23{ height: 23px;line-height: 23px;}
.btn-34{ height: 34px;line-height: 34px;font-weight: bold;}


.btn-theme1{background: #f9f9f9; border: #eeeeee 1px solid; color: #000 !important;}

.btn-theme1:hover{background: #eeeeee;color: #000;}
.btn-theme1:active{background:url(../images/line3.png) repeat-x; border: #eeeeee 1px solid; }


.btn-theme2{background: #999999; border: #8a8a8a 1px solid;color: #fff;}

.btn-theme2:hover{background: #888888;color: #fff;}
.btn-theme2:active{background:url(../images/line4.png) repeat-x;border: #8a8a8a 1px solid;color: #fff;}

.btn-theme3{background: #66cc00; border: #5cb404 1px solid;color: #fff !important;}

.btn-theme3:hover{background: #339900;color: #fff;}
.btn-theme3:active{background:url(../images/line5.png) repeat-x; border: #5cb404 1px solid;color: #fff;}

.btn-theme4{background: #ff6353; border: #ed4f3e 1px solid;color: #fff !important;;font-size: 14px;}

.btn-theme4:hover{background: #e45648;color: #fff;}
.btn-theme4:active{background:url(../images/line6.png) repeat-x; border: #ed4f3e 1px solid;color: #fff;}
.btn-disabled,.btn-disabled:hover,.btn-disabled:active{cursor:default;background: #f9f9f9; border: #eee 1px solid;color: #c0c0c0 !important;}

.button_orange{padding: 0 10px; border-radius: 2px; text-align: center;font: 12px/23px '宋体'; display:inline-block;cursor: pointer;background: #ff6353; border: #ed4f3e 1px solid;color: #fff !important;;font-size: 14px;}
.button_orange:hover{background: #e45648;color: #fff;}
.button_orange:active{background:url(../images/line6.png) repeat-x; border: #ed4f3e 1px solid;color: #fff;}

/*表单*/
.label-control{padding-top: 12px;display: inline-block;font-size: 14px; margin-right: 45px;}
.text-control {
    display: block;
    width: 100%;
    _width:80%;
    *width:80%;
    font-size: 12px;
    line-height: 1.428571429;
    color: #333;
    padding:8px 0 8px 10px;
    display: block;
    vertical-align: middle;
    border: #eeeeee 1px solid; background: #ffffff;
}
.text-control_1{ display: block;
    width: 100%;
    font-size: 12px;
    line-height: 1.428571429;
    color: #333;
    padding:4px 0 4px 10px;
    display: block;
    vertical-align: middle;
    border: #eeeeee 1px solid; background: #ffffff;}
.select-control{
    border: #eeeeee 1px solid; background: #ffffff;
    font-size: 12px;
    line-height: 1.428571429;
    width: 60px;
    height: 28px;
    float: left;
    _margin-top: 8px;
    *margin-top: 8px;
}


.help-block{display:inline-block; margin-top: 10px; margin-bottom: 10px;color: #999999; margin-left: 20px}
.text-control:focus{ border: #66cc00 1px solid; color: #333;}
textarea:focus{ border: #66cc00 1px solid; color: #333;}
.ico{ width: 21px; height: 22px;position: absolute;left:14px;top:7px; z-index: 999;}
.i-name{ background: url(../images/icon15.png) no-repeat left top;}
.i-psd{ background: url(../images/icon16.png) no-repeat left top;}
.i-psd1{background:url(../images/icon19-1.png) no-repeat 2px 4px;}
.i-email{ background: url(../images/icon18-1.png) no-repeat left 5px;}
.i-email_1,.i-email_2{ background: url(../images/icon18-1.png) no-repeat left 2px;padding-left: 20px;}
.i-email_2{ background: url(../images/icon18.png) no-repeat left 2px;}
.i_phone_1,.i_phone_2{ background: url(../images/phone.png) no-repeat left center;padding-left: 20px;}
.i_phone_2{background: url(../images/phone-1.png) no-repeat left center;}
.error input.error{ border: #ff6353 1px solid; color: #333;}
.error textarea.error{ border: #ff6353 1px solid; color: #333;}
.error .i-psd1{background:url(../images/icon19.png) no-repeat 2px 4px;}
.text-tip{ width: 156px; height: 32px; font:12px/32px '宋体'; color: #999999;overflow:hidden;padding-left: 16px; background: #fffceb; display: inline-block; margin-left: 8px;}
.text-cls-h1{font-size: 12px; font-family:'宋体'; }
.text-cls-h2{font-size: 12px; font-family:'宋体';padding:12px 10px 10px 10px;  }
.text-cls-h3{ width: 230px; float: left;}
.text-cls-h4{ width: 190px; float: left;}
.col-sm-9,.text-cls-h5{ width: 300px; float: left;}
.text-cls-h6{ width: 310px; float: left;font-size: 12px;}
.text-cls-h7{ width: 250px; float: left;}
.text-cls-h8{ width: 500px; float: left;font-size: 12px;}
.text-cls-h9{ width: 260px; float: left;}
.text-cls-h10{ width: 210px; float: left;}
.col-sm-3{width: 60px; float: left; }
.col-sm-1{ width: 80px; float: left; text-align: right;}
.col-sm-2{ width: 30px; float: left; text-align: center; margin: 0}
.col-sm-18{width: 30px;}
.col-sm-4{ width: 60px; float: left; text-align: center; margin: 0}
.col-sm-5,.col-sm-14{ width: 90px; float: left; text-align: center; margin: 0}
.col-sm-14{ width: 70px;}
.col-sm-6{width: 300px;}
.col-sm-7,.col-sm-16{ width: 40px;  text-align: center; margin: 0 }
.col-sm-16{ width:70px;}
.col-sm-8,.col-sm-13{ width: 30px;  text-align: center; margin: 0}
.col-sm-13{ width: 65px;}
.col-sm-9,.col-sm-15{ width: 100px; float: left; text-align: center; margin: 0}
.col-sm-15{ width: 110px;}
.col-sm-10,.col-sm-17{ width: 150px; float: left; text-align: center; margin: 0}
.col-sm-17{ width: 130px;}
.col-sm-11{width: 160px;float: left;margin: 0; text-align: right;}
.col-sm-12{width: 240px;float: left;margin: 0; text-align: left;padding-left: 10px;}
.col-sm-19{ width: 100px; text-align: center;}

.table-sm-1{ width: 530px;float: left;}
.table-sm-2{ width: 424px;float: left;}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-right: 20px;
    padding-top: 12px;
    font-weight: normal;
    cursor: pointer;
    vertical-align: top;
}
.radio-inline{ vertical-align: top;}
.radio, .checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: middle;
}
.radio label, .checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.find-password {
    float: right;
    color: #999;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
    float: left;
    vertical-align: middle;

}
input[type="radio"], input[type="checkbox"] {
  margin: 3px 3px 0 0;
  _margin: -3px 3px 0 0;
  *margin: -3px 3px 0 0;
}
.radio-inline input[type="radio"]{
   float: left;
    padding-top: 0;
}
/*边距*/
.padding0{padding: 0 !important;}
.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt8{padding-top: 8px !important;}
.pb15{padding-bottom: 15px !important;}
.pb30{padding-bottom: 30px !important;}
.pl0{padding-left: 0 !important;}
.pl10{padding-left: 10px !important;}
.pr0{padding-right: 0 !important;}
.pr10{padding-right: 10px !important;}
.mt0{margin-top: 0 !important;}
.mb0{ margin-bottom: 0 !important;}
.mt9{margin-top: 9px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important; }
.mt5{ margin-top: 5px !important;}
.mt45{ margin-top: 45px !important;}
.mt30{ margin-top: 30px !important;}
.mt50{ margin-top: 50px !important;}
.mt70{ margin-top: 70px !important;}
.mt25{ margin-top: 25px !important;}
.mr8{ margin-right: 8px !important;}
.mr10{ margin-right: 10px !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb80{ margin-bottom: 80px !important;}
.ml0{ margin-left: 0 !important;}
.ml5{ margin-left: 5px !important;}
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml30{ margin-left: 30px !important; }
.ml40{ margin-left: 40px !important; }
.mr0{ margin-right: 0 !important;}
/*背景*/
.border{ border: #eeeeee 1px solid; border-left: 0; border-top: 0}
.bgno{ background: none !important;}
.borderno{ border: 0 !important;}
.borderTno{border-top: 0 !important;}
.borderRno{ border-right: 0 !important;}
.borderLno{ border-left: 0 !important;}
.borderBno{ border-bottom: 0 !important;}
.borderB{ border-bottom: #eeeeee 1px solid; }
/*分页*/
.pagination{ height: 27px; float: left;}
.pagination li{ display: inline-block; float: left;padding-right: 3px; height: 27px;line-height:27px;}
.pagination a,.pagination span{}
/*表格*/
.table {border: #eeeeee 1px solid;}
 .table th{ line-height: 38px; background-color: #f7f7f7;border: #eeeeee 1px solid; text-align: center;}
 .table td{ padding: 10px;line-height:25px;border: #eeeeee 1px solid;  border-collapse: collapse; text-align: center; color: #999999;}
.table a{ color: #999999;}
.table-sm-1 table td{  border-bottom: 0;}
.table-sm-2 table td{ border-left: 0; border-bottom: 0;}


















































